    <!-- Modal: Select API -->
    <script type="text/ng-template" id="selectApiModal.html">
        <div class="modal-header">
            <h3 class="modal-title" apiman-i18n-key="select-api-title">Select an API</h3>
        </div>
        <div class="modal-body modal-select-api">
            <p apiman-i18n-key="select-api-help">
                Select an API by searching for an API by name (or part of a name) and choosing one of the matches.
            </p>
            <form ng-submit="search()">
                <input apiman-i18n-key="search-api-name"
                       ng-model="searchText"
                       type="text"
                       class="apiman-form-control form-control input-search"
                       placeholder="Search by API name...">
                <button type="submit"
                        apiman-action-btn=""
                        class="btn btn-default btn-search"
                        data-field="searchButton"
                        apiman-i18n-key="search"
                        data-icon="fa-cog"
                        placeholder="Searching">Search
                </button>
            </form>
            <div class="clearfix"></div>
            <div class="panel panel-default input-search-results">
                <div class="panel-body container-fluid" data-field="apis">
                    <a ng-click="onApiSelected(api)"
                       href="#" class="item" ng-repeat="api in apis"
                       ng-class="{ selected : api.selected }">
                        <i class="fa fa-puzzle-piece fa-fw"></i>
                        <span class="">{{ api.organizationName }}</span>
                        <span apiman-i18n-skip> / </span>
                        <span class="emphasis">{{ api.name }}</span>
                    </a>
                    <div class="alert alert-info" ng-show="!apis && criteria">
                        <span class="pficon pficon-info"></span>
                        <span apiman-i18n-key="no-apis-matched">
                          No APIs found matching your search.  Please try a different search.
                        </span>
                    </div>
                    <div class="alert alert-info"
                         ng-show="!apis && !criteria">
                        <span class="pficon pficon-info"></span>
                        <span apiman-i18n-key="no-api-search-criteria">
                          Enter some search criteria above and click Search to find an API.
                        </span>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>
            <table ng-show="apiVersions">
                <tr>
                    <td>
                        <span apiman-i18n-key="choose-api-version" class="apiman-form-label">Choose API Version:</span>
                    </td>
                    <td style="width: 50%;">
                        <ui-select ng-model="selectedApiVersion" on-select="onApiVersionSelected($item)" search-enabled="true">
                            <ui-select-match placeholder="Select a Version" apiman-i18n-key="choose-api-version-select">
                                <span ng-bind="$select.selected.version"></span>
                            </ui-select-match>
                            <ui-select-choices repeat="apiVersion in (apiVersions | filter: $select.search) track by apiVersion.version">
                                <span ng-bind="apiVersion.version"></span>
                            </ui-select-choices>
                        </ui-select>
                    </td>
                </tr>
            </table>
            <div class="alert alert-warning"
                 ng-show="apiVersions && apiVersions.length == 0"
                 style="margin-top: 15px">
                <span class="pficon pficon-info"></span>
                <span apiman-i18n-key="no-valid-api-versions">
                    No valid versions of the selected API were found.
                </span>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-default"
                    type="button"
                    ng-click="cancel()"
                    apiman-i18n-key="cancel">Cancel</button>
            <button class="btn btn-primary"
                    ng-disabled="!selectedApiVersion"
                    type="button"
                    ng-click="ok()"
                    apiman-i18n-key="ok">OK</button>
        </div>
    </script>
